<script lang="ts" setup>
	import { ref } from "vue";
	import { theme } from '@/store/module/theme'

	// 账号与安全
	const accountSetting = ref([

		[
			{
				title: '关于我们',
				url: '/pages/setting/aboutUs/aboutUs'
			},
		],
		[
			{
				title: '系统主题',
				url: '/pages/setting/theme/theme'
			},
			{
				title: '隐私政策',
				url: '/pages/setting/privacyPolicy/privacyPolicy'
			}
		]

	]);
</script>

<template>
	<view :class="theme()" class="w-full min-h-[100vh]" :style="{background:'var(--Gradient-color)'}">
		<u-cell-group class="mb-[20rpx] bg-[var(--bg-color)]" v-for="(i,idx) in accountSetting" :key="idx">
			<template v-for="(item,index) in i " :key="index">
				<u-cell :rightIconStyle="{
							color:'var(--text-color)'
						}" clickable arrow-direction="right" isLink :url="item.url">
					<template #title>
						<view class=" text-[var(--text-color)] text-[16px] font-bold">
							{{item.title}}
						</view>
					</template>

				</u-cell>
			</template>
		</u-cell-group>
	</view>
</template>